<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			.nav {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				height: 200px;
				background-image: radial-gradient(transparent 1px, #fff 1px);
				background-size: 4px 4px;
				backdrop-filter: saturate(50%) blur(4px);
			}
			.bg-image {
				width: 100%;
				aspect-ratio: 16 / 9;
			}
		</style>
	</head>
	<body>
		<div class="nav"></div>
		<img  class="bg-image" src="../image/bg.jpg" alt="">
	</body>
</html>